<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Layout</title>
    <link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./src/css/global.css">
</head>
<body>

<div class="layui-layout layui-layout-admin">
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 可放在<body>标签内的任意位置-->
    <!--[if lt IE 9]> -->
    <script src="src/compatibility_file/html5.min.js"></script>
    <script src="src/compatibility_file/respond.min.js"></script>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-tab-item layui-show site-demo">
            <div class="layui-main">
                <div id="LAY_preview">

                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                        <legend>后台布局框架</legend>
                    </fieldset>
                    <div class="layui-fluid">
                        <blockquote class="layui-elem-quote">
                            1.后台布局的主要参考index.html入口文件，菜单栏只需要在index.html中配置好之后，调用layui.config({})方法即可，其子文件都会以index.html为入口文件，详情参见index.html代码内容
                        </blockquote>

                    </div>

                </div>

            </div>
        </div>


    </div>
</div>

</body>
</html>